<!--
 * @Author: Destrucws
 * @Date: 2021-04-20 16:04:48
 * @LastEditors: Destrucws
 * @LastEditTime: 2021-04-21 10:10:19
 * @FilePath: \Planting-system\src\pages\index\views\TaskPlann\MessageCenter.vue
-->
<template>
	<div class="MessageCenter">
MessageCenter
	</div>
</template>

<script>
export default {
	name: 'MessageCenter',
	data() {
		return {
			options: [
				{
					value: '选项1',
					label: '黄金糕'
				},
				{
					value: '选项2',
					label: '双皮奶'
				},
				{
					value: '选项3',
					label: '蚵仔煎'
				},
				{
					value: '选项4',
					label: '龙须面'
				},
				{
					value: '选项5',
					label: '北京烤鸭'
				}
			],
			value: '',
			// 表格数据
			tableData: [
				{
					taskName: '2021年种地数据采集任务',
					state: '新建',
					startTime: '2016-09-21  08:50:08',
					endTime: '2016-09-21  08:50:08',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					taskName: '2021年种地数据采集任务',
					state: '新建',
					startTime: '2016-09-21  08:50:08',
					endTime: '2016-09-21  08:50:08',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					taskName: '2021年种地数据采集任务',
					state: '新建',
					startTime: '2016-09-21  08:50:08',
					endTime: '2016-09-21  08:50:08',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					taskName: '2021年种地数据采集任务',
					state: '新建',
					startTime: '2016-09-21  08:50:08',
					endTime: '2016-09-21  08:50:08',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					taskName: '2021年种地数据采集任务',
					state: '新建',
					startTime: '2016-09-21  08:50:08',
					endTime: '2016-09-21  08:50:08',
					address: '上海市普陀区金沙江路 1518 弄'
				}
			],
			multipleSelection: [],
			dialogVisible: false,
			componentId: 'Management',
			name: '',
			total: 0
		};
	},

	methods: {
		// 点击发布按钮触发
		handleClose(done) {
			this.$confirm('确认关闭？')
				.then(() => {
					done();
				})
				.catch(() => {});
		},
		issue() {
			alert(1);
		},

		btnClick() {
			//测试alert
			this.$alert('HelloWorld', 'title', {
				confirmButtonText: '关闭',
				callback: action => {
					// alert(1);
					console.log(action);
				}
			});
		},
		toggleSelection(rows) {
			if (rows) {
				rows.forEach(row => {
					this.$refs.multipleTable.toggleRowSelection(row);
				});
			} else {
				this.$refs.multipleTable.clearSelection();
			}
		}
	}
};
</script>

<style lang="scss">
.MessageCenter {
	width: auto;
	height: 100%;
	background: #ffffff;
	padding: 15px;
	.form-group {
		display: flex;
		align-items: center;
		.el-input {
			display: inline-block;
			width: 80%;
		}
	}
	.el-footer {
		margin-top: 20px;
		footer {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
	}
}
</style>
